﻿body
{
	background: #008686 url("../../images/common/background_px.gif");
}

a, p
{
	text-decoration:none;
	color:#333333;
	font-family: Arial;
	font-size:12px;
}

hr 
{
	border: 0;
	color: #999800;
	background-color: #999800;
	height: 1px;
	width: 100%;
	text-align: left;
}

img
{
	border:none;
}

.li
{
	list-style-image: url("../../images/common/bullet.jpg");
	line-height:20px;
}

.labelText
{
	text-decoration:none;
	color:#333333;
	font-family: Arial;
	font-size:12px;
}

.copyrightText
{
	text-decoration:none;
	color:#FFFFFF;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
}

#pageContainer
{
	background: #FFFFFF;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#loginBar
{
	height:8px;
	width:980px;
	background-image: url("../../images/common/login_bar.jpg");
}

#topBar
{
	height:110px;
	width:920px;
}

#topMenu
{
	height:31px;
	width:920px;
	margin-bottom:10px;
}

#mainContent
{
	margin:0px 30px 0px 30px;
    background-image: url("../../images/backgrounds/mainbackground.jpg");
	background-color:#FFFFFF;
}

#leftContent
{
	width:652px;
	float:left;
	min-height:400px;
}

#rightContent
{
	margin-left:20px;
	width:248px;
	float:left;
}

#fullContent
{
	width:920px;
	float:left;
	min-height:400px;
}

#footerBar
{
	height:49px;
	width:980px;
	background-image: url("../../images/common/bottom_bar.jpg");
}

#footerBarIE
{
	height:49px;
	width:980px;
	background-image: url("../../images/common/bottom_bar.jpg");
}

#clear
{
	clear:both;
}

#menuBreak
{
	height:31px;
	width:1px;
	background-color:#FFFFFF;
	float:left;
	display:block;
}

.menuBarInactive
{
	height:31px;
	background-image: url("../../images/common/menu_green.jpg");
	float:left;
	padding:0px 12px 0px 12px;
	text-align:center;
}

.menuBarActive
{
	height:31px;
	background-image: url("../../images/common/menu_yella.jpg");
	float:left;
	padding: 0px 12px 0px 12px;
	text-align:center;
}

.menuBarActiveLeftEnd
{
	display:block;
	height:31px;
	width:4px;
	background-image: url("../../images/common/menu_yella_end.jpg");
	float:left;
}

.menuBarInactiveLeftEnd
{
	display:block;
	height:31px;
	width:4px;
	background-image: url("../../images/common/menu_green_end.jpg");
	float:left;
}

.menuBarActiveRightEnd
{
	display:block;
	height:31px;
	width:4px;
	background-image: url("../../images/common/menu_yella_end_right.jpg");
	float:left;
}

.menuBarInactiveRightEnd
{
	display:block;
	height:31px;
	width:4px;
	background-image: url("../../images/common/menu_green_end_right.jpg");
	float:left;
}

.menuBarGreyed
{
	height:31px;
	background-image: url("../../images/common/menu_grey2.jpg");
	float:left;
	padding:0px 12px 0px 12px;
}

.menuBarGreyedRightEnd
{
	display:block;
	height:31px;
	width:4px;
	background-image: url("../../images/common/menu_grey_end.jpg");
	float:left;
}

.menuBarGreenRightEnd
{
	display:block;
	height:31px;
	width:4px;
	background-image: url("../../images/common/menu_green_rightend.jpg");
	float:left;
}

.menuBarText
{
	margin-top:8px;
	font-weight:bold;
}

.menuBarDropDown
{
	background-image: url("../../images/common/dropdown_background.jpg");
	background-repeat: repeat-x;
	padding-left:12px;
	border-top: 1px solid White;
	height:20px;
}

.dropdownText
{
	font-family: Arial;
	font-size:12px;
	color: White;
	display:block; 
	width:100%; 
	height:100%; 
	text-decoration:none;
}

.yellowBox
{
	padding:4px;
	border: solid 1px #999800;
	line-height:20px;
}

.menuText
{
	color:#FFFFFF;
}

.yellowText
{
	font-family: Arial;
	font-size:12px;
	color:#999800;
}

.yellowTextBold
{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#999800;
}

.redText
{
	font-family: Arial;
	font-size:12px;
	color:Red;
}

.successText
{
	font-family: Arial;
	font-size:16px;
	color:Green;
}

.failureText
{
	font-family: Arial;
	font-size:16px;
	color:Red;
}

.greyText
{
	font-family: Arial;
	font-size:12px;
	color:#999999;
}

.button
{
	border: solid 1px #999800;
	color:#008686;
}

.loginBarText
{
	margin-top:8px;
	font-weight:bold;
	color:#A7D0D0;
	font-family: Arial;
	font-size:12px;
	font-weight:lighter;
}

.loginBarTextBox
{
	color:#FFFFFF;
	 background-color:#333333;
	 border: solid 1px Gray;
}

.loginBarButton
{
	background-color:#333333;
	border: solid 1px #A7D0D0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Arial;
	font-size:12px;
}

.headingText
{
	font-family: Arial;
	font-size:24px;
	color: #008686;
}

.titleText
{
	font-family: Arial;
	font-size:16px;
	color: #999800;
}

.basketText
{
	font-family: Arial;
	font-size:14px;
	color: #999800;
}

.basketTextGreen
{
	font-family: Arial;
	font-size:14px;
	color: #008686;
}

.basketTextGrey
{
	font-family: Arial;
	font-size:14px;
	color: #DDDDDD;
}

.textboxLarge
{
	font-family: Arial;
	font-size:14px;
	color: #666666;
}

.tagText
{
	font-family: Arial;
	font-size:18px;
	color: #666666;
}

.hyperlink
{
	color: #008686;
}

.hyperlinkBold
{
	color: #008686;
	font-weight:bold;
}

.buttonImage
{
	vertical-align:middle;
}

.flowChemBoxTitle
{
	margin-top:8px;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #91C5C5; 
border-left: 1px solid #91C5C5; border-right: 1px solid #91C5C5;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #FFFFFF; 
border-left: 1px solid #91C5C5; border-right: 1px solid #91C5C5; 
border-width: 0 2px;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #FFFFFF; 
border-left: 1px solid #91C5C5; border-right: 1px solid #91C5C5;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #FFFFFF; 
border-left: 1px solid #91C5C5; border-right: 1px solid #91C5C5;}
.content {padding: 5px;
border-left: 1px solid #91C5C5; border-right: 1px solid #91C5C5;}
.contentShort {padding: 2px;
border-left: 1px solid #91C5C5; border-right: 1px solid #91C5C5; text-align:center;}

.f1{margin: 0 5px; height: 1px; overflow: hidden; background: #009999; 
border-left: 1px solid #009999; border-right: 1px solid #009999;}
.f2{margin: 0 3px; height: 1px; overflow: hidden; background: #009999; 
border-left: 1px solid #009999; border-right: 1px solid #009999; 
border-width: 0 2px;}
.f3{margin: 0 2px; height: 1px; overflow: hidden; background: #009999; 
border-left: 1px solid #009999; border-right: 1px solid #009999;}
.f4{margin: 0 1px; height: 2px; overflow: hidden; background: #009999; 
border-left: 1px solid #009999; border-right: 1px solid #009999;}
.filledContentShort {padding: 2px;
border-left: 1px solid #009999; border-right: 1px solid #009999; text-align:center; background-color:#009999;}

.javaMenuAbout
{
	color:#D8BA00;
	font-family: Arial, Helvetica;
	font-size:12px;	
	font-weight:bold;
}

.rotatorHeader
{
	font-family: Arial;
	font-size:18px;
	color:#008686;
}

.rotatorTitle
{
	font-family: Arial;
	font-size:14px;
	color:#008686;
	font-weight:bold;
}

.rotatorText
{
	font-family: Arial;
	font-size:12px;
	color:#FFFFFF;
}

.lgButtonText
{
	font-family: Arial;
	font-size:16px;
	color: #FFFFFF;
}

.smlButtonText
{
	font-family: Arial;
	font-size:14px;
	color: #FFFFFF;
}